:root {
  /* 主题配色 */
  --rl-color-primary: #3069ff;
  --rl-color-success: #14cd70;
  --rl-color-warning: #ffa81a;
  --rl-color-danger: #FF4A5B;
  --rl-color-info: #909399;
  --rl-color-white: #ffffff; 
  --rl-color-black: #000000;
  /*布局样式 */
  --rl-color-layout-header: #c6e2ff;
  --rl-color-layout-main: #ecf5ff;
  --rl-color-layout-aside: #d9ecff;
  /*hover后 */
  --rl-color-primary-hover: #98b4ff;
  --rl-color-success-hover: #8AE6B8;
  --rl-color-warning-hover: #FFD48D;
  --rl-color-danger-hover: #FFA5AD;
  --rl-color-info-hover: #c9cdd9;
  /* 文字配色 */
  --rl-text-color-primary: #4d5059;
  --rl-text-color-placeholder: #c9cdd9;
  --rl-text-color-secondary: #7c808c;
  --rl-text-color-disabled: #abb1bf; 
  --rl-border-color: #dcdfe6;
  --rl-border-color-light: #e4e7ed;
  --rl-border-color-lighter: #ebeef5;
  --rl-border-color-extra-light: #f2f6fc;
  --rl-border-color-dark: #d4d7de;
  --rl-border-color-darker: #cdd0d6;
  --rl-fill-color: #f0f2f5;
  --rl-fill-color-light: #f5f7fa;
  --rl-fill-color-lighter: #fafafa;
  --rl-fill-color-extra-light: #fafcff;
  --rl-fill-color-dark: #ebedf0;
  --rl-fill-color-darker: #e6e8eb;
  --rl-fill-color-blank: #ffffff;

  /* border */
  --rl-border-width: 1px;
  --rl-border-style: solid;
  --rl-border-color-hover: var(--el-text-color-disabled);
  --rl-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
  --rl-border-radius-base: 4px;
  --rl-border-radius-small: 2px;
  --rl-border-radius-round: 20px;
  --rl-border-radius-circle: 100%;

  /*font*/
  --rl-font-size-extra-large: 20px;
  --rl-font-size-large: 18px;
  --rl-font-size-medium: 16px;
  --rl-font-size-base: 14px;
  --rl-font-size-small: 13px;
  --rl-font-size-extra-small: 12px;
  --rl-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", Arial, sans-serif;
  --rl-font-weight-primary: 500;

  /*disabled*/
  --rl-disabled-bg-color: var(--el-fill-color-light);
  --rl-disabled-text-color: var(--el-text-color-placeholder);
  --rl-disabled-border-color: var(--el-border-color-light);
  
  /*animation*/
  --Rl-transition-duration: .3s;
  --Rl-transition-duration-fast: .2s;

}